import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
Vue.component('svg-icon', SvgIcon)

// 下面三行代码的任务是 把 同级目录的 svg目录下的.svg图片引入到项目中来
// 针对这种大量的、同种类的文件，我们可以使用webpack的require.context来引入
// require.context 是 webpack 提供的一个方法，用于创建一个上下文，用于查找模块
// 第一个参数：表示要查找的目录
// 第二个参数：表示是否查找子目录
// 第三个参数：表示要查找的文件类型
// 返回一个上下文对象，可以遍历这个对象，获取到所有的svg图片
const req = require.context('./svg', false, /\.svg$/)
// 函数
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

// 相当于把svg下的所有的svg图片打包到了项目中
// 如果想用svg图片 就在svg目录下去寻找就可以了
